<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>产品页</title>
    <link rel="stylesheet" href="./css/cont.css" />
</head>
<body>
    <!-- 首页头部分 -->
    <div id="top_box">
        <!-- 顶部横条 -->
        <div id="user_topbar">
            <div class="topbar_content">
                <ul class="menu_topbar">
                    <li><b>手机客户端</b></li>
                    <li>|</li>
                    <li>邀请好友</li>
                    <li class="w10">|</li>
                    <li>加入收藏</li>
                    <li>|</li>
                    <li class="lookour"><a href="#">关注我们</a></li>
                </ul>
                <ul class="log_topbar">
                    <li><a href="">注册</a></li>
                    <li>|</li>
                    <li><a href="">登陆</a></li>
                    <li>|</li>
                    <li><a href="">购物车</a></li>
                </ul>
            </div>
        </div><!-- 顶部横条 -->
        <div id="logo_box">
            <div id="logo"><!-- 网站logo部分 -->
                <a href="#">
                    <img src="./images/2586_0.jpg" alt="聚美优品官网" />
                </a>
                <a href="#" id="card">
                    <img src="./images/cart_hover.jpg" alt="" />
                </a>
                <a href="#" id="xinyu">
                    <img src="./images/2013-02-27_105943.png" alt="" />
                </a>
            </div><!-- 网站logo部分 -->
        </div>
        <div id="top_menu"><!-- 主横向菜单 -->
            <div class="top_menu_cont">
                <ul>
                    <li><a href=""><b>限时特卖</b></a></li>
                    <li class="select"><a href=""><b>聚美商城</b></a></li>
                    <li><a href=""><b>口碑中心</b></a></li>
                    <li><a href=""><b>奢侈品</b></a></li>
                    <li><a href=""><b>名品折扣</b></a></li>
                    <li><a href=""><b>正品保证</b></a></li>
                </ul>
                <!-- 搜索框 -->
                <div class="top_menu_search">
                    <form action="" >
                        <input type="text" />
                        <button id="user_search"></button>
                    </form>
                </div>
            </div>
        </div><!-- 主横向菜单结束 -->
        <div id="top_main_menu"><!-- 热词搜索部分 -->
            <div id="top_menu_content">
                <ul class="content_left">
                    <li><a href="">最新上架</a></li>
                    <li><a href="" class="select">保湿专区</a></li>
                    <li><a href="">唇膏专区</a></li>
                    <li><a href="">香水专区</a></li>
                    <li><a href="">美白专区</a></li>
                    <li><a href="">面膜专区</a></li>
                    <li><a href="">男士专区</a></li>
                    <li><a href="">食品保健</a></li>
                </ul>
                <ul class="content_right">
                    <li><a href="">雅顿</a></li>
                    <li><a href="">倩碧</a></li>
                    <li><a href="">兰蔻</a></li>
                    <li><a href="">雅诗兰黛</a></li>
                    <li><a href="">欧莱雅</a></li>
                    <li><a href="">富有润</a></li>
                    <li><a href="">热搜词：</a></li>
                </ul>
            </div>
        </div><!-- 热词搜索部分结束 -->
    </div><!-- 首页头部分结束 -->
    
    <div id="content_box">
        <div id="content">
            <div class="product_info"><!-- 产品信息 -->
                <div class="pd_left">
                    <div class="pd_title">
                        <h3> 兰蔻 (Lancome)奇迹香氛 30ml（两款包装随机发货) 味道甜美却不香腻 <span>绝美灵感打造完美香氛 女人就是要展现个性</span></h3>
                    </div>
                    <div class="pd_img">
                        <img width="350" src="./images/1150_350_350.jpg" alt="" />
                    </div>
                    <div class="pd_info">
                        <div class="pd_info_title">
                            <ul>
                                <li >专柜价：<span class="delline"><b>￥500.00</b></span></li>
                                <li >聚美价：<span class="bigcolor">￥299.00</span></li>
                                <li>您节省：<b>￥201(5.9折)</b></li>
                                <li>评&nbsp&nbsp&nbsp&nbsp分：200篇口碑报告</li>
                                <li>功&nbsp&nbsp&nbsp&nbsp效：持久 香氛</li>
                            </ul>
                        </div>
                        <div class="mebuy">
                            <div class="buynum">我想买:</div>
                            <div class="buysub"><a href=""><img src="./images/addprobuttom.jpg" /></a></div>
                            <div class="havebuy">最近9758已购买</div>
                        </div>
                    </div>
                </div>
            </div><!-- 产品信息结束 -->
            <div class="product_desc"><!-- 产品详细信息 -->
                <div class="desc_title">
                    <ul>
                        <li class="on"><a href="#goods_paramenter">商品参数</a></li>
                        <li><a href="#this_form_desc">本单详情</a></li>
                        <li><a href="">产品实拍</a></li>
                        <li><a href="#user_say">用户口碑</a></li>
                        <li class="price"><b>￥299.00</b></li>
                        <li class="gobuy"><a href=""><img src="./images/buy_now_down_button.jpg"></a></li>
                    </ul>
                </div>
                <div class="desc_info">
                    <a name="goods_paramenter">商品参数</a>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <a name="this_form_desc">本单详情</a>
                     <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <a name="user_say">用户口碑</a>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                </div>
            </div>
        </div>
    </div>
</body>
</html>